@charset "utf-8";
/**
 * @Creation date:2011-11-05
 * @Explanation:搜索页面样式
 * @Attention:任何一个页面，必须最先引用base.css样式，再引用该样式！
 * @Author:ChenJunYong<tenjessy@gmail.com>
 */

/**
 * S 布局
 */
.grid4m1s { margin:0px auto; }
.grid4m1s .col-sub { float:left; width:200px; margin-left:-1000px; }
.grid4m1s .col-main { float:left; width:790px; padding-left:210px; }

/**
 * S 相关搜索
 */
.related-search { height:24px; padding:1px 10px; border:1px solid #dddddd; background:#f0f0f0; line-height:24px; }
.related-search a { display:inline-block; padding:0px 2px; }

/**
 * S 排序工具栏
 */
.sorting-bar-s { height:24px; padding:1px 0px; margin-top:10px; border-bottom:2px solid #dddddd; line-height:24px; }
.sorting-bar-s .t { float:left; padding:0px 10px; background:#f0f0f0; }
.sorting-act-s { float:left; padding:0px 16px; }
.sorting-act-s li { float:left; margin-right:10px; background:url(../img/icon.png) no-repeat 0px -178px; cursor:pointer; }
.sorting-act-s .desc { background-position:0px -178px; }
.sorting-act-s .asc { background-position:0px -201px; }
.sorting-act-s a { display:block; padding:0px 0px 0px 16px; }
.sorting-bar-s .page-info { float:right; }
.sorting-bar-s .page-info li { float:left; padding-left:10px; }
.sorting-bar-s .prev,.sorting-bar-s .next,.sorting-bar-s .start, .sorting-bar-s .last { display:inline-block; padding:0px 5px; background:url(../img/icon.png) no-repeat; border:1px solid #9a9a9a; line-height:22px; }
.sorting-bar-s .start, .sorting-bar-s .last { border-color:#dddddd; color:#9a9a9a; }
.sorting-bar-s .start { padding:0px 5px 0px 15px; background-position:5px -80px; *background-position:5px -81px; }
.sorting-bar-s .prev { padding:0px 5px 0px 15px; background-position:5px -61px; *background-position:5px -62px; }
.sorting-bar-s .last { padding:0px 15px 0px 5px; background-position:right -42px; *background-position:right -43px; }
.sorting-bar-s .next { padding:0px 15px 0px 5px; background-position:right -23px; *background-position:right -24px; }

/**
 * S 搜索纠正
 */
.correction { margin:90px 0px 0px 40px; padding:0px 0px 0px 170px; font-size:14px; line-height:26px; }
.correction .hd-t { font-weight:700; color:#0063dc; }
.correction .hd-t em { color:#c50001; }
.correction img { float:left; margin:4px 0px 0px -160px; }

/**
 * S 搜索结果页
 */
.search-res-list ul { padding:0px 3px; }
.search-res-list li { float:left; width:162px; padding:20px 17px; border-bottom:1px solid #dddddd; }
.search-res-list .img { display:table-cell; width:162px; height:162px; text-align:center; vertical-align:middle; *display:block; *font-size:140px; *font-family:Arial; }
.search-res-list .img img { width:160px; height:160px; border:1px solid #dddddd; vertical-align:middle; }
.search-res-list .img:hover img { border-color:#c50001; }
.search-res-list .n { height:36px; padding:6px 0px; line-height:18px; word-break:break-all; }
.search-res-list .h { color:#c50001; }
.search-res-list .price { height:20px; padding:2px 0px; line-height:18px; font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; color:#c50001; }
.search-res-list .price span { padding-right:6px; font-size:18px; }

/**
 * S 《上周热兑换榜》、《猜你喜欢》两个模块
 */
.ranking { margin-bottom:10px; border:1px solid #dddddd; border-top:2px solid #c50001; }
.ranking .hd { position:relative; height:32px; padding:4px 10px; border-bottom:1px dotted #dddddd; line-height:32px; }
.ranking .hd-t { font:500 16px/32px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; color:#c50001; }
.ranking .hd-act { position:absolute; top:4px; right:0px; }
.ranking .bd { overflow:hidden; }
.ranking li { position:relative; height:62px; padding:8px; border-bottom:1px solid #dddddd; }
.ranking li:last-child { border-bottom:none; }
.ranking .img { float:left; }
.ranking .img img { width:62px; height:62px; }
.ranking .n, .ranking .price { height:32px; padding-left:10px; _padding-left:7px; line-height:16px; overflow:hidden; *zoom:1; }
.ranking .price { padding-top:8px; font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; color:#c50001; }
.ranking .price span { padding-right:6px; font-size:16px; }
.ranking .num { position:absolute; top:8px; left:8px; width:18px; height:14px; background:url(../img/icon.png) no-repeat 0px -229px; text-align:center; font:700 11px/14px Tahoma; overflow:hidden; }
.ranking .h-num { background-position:0px -244px; color:#ffffff; }

/**
 * S 底部选项卡模块
 */
.related-product .hd { height:32px; border-bottom:4px solid #c50001; }
.related-product .control { height:32px; text-align:center; font:700 14px/32px "\5b8b\4f53"; }
.related-product .control li { float:left; width:98px; margin-right:10px; background:url(../img/product_bg.png) no-repeat -165px -162px; cursor:pointer; }
.related-product .control .cur { background-position:-165px -129px; color:#ffffff; }
.related-product .control .cur a,.related-product .control .cur a:hover { color:#ffffff; }
.related-product .txt { text-align:center; padding:40px; color:#c50001; }
.related-product .bd .cur { display:block; }
.related-show-list { display:none; }
.related-show-list li { float:left; width:162px; padding:16px 19px; }
.related-show-list .img { display:table-cell; width:162px; height:162px; text-align:center; vertical-align:middle; *display:block; *font-size:140px; *font-family:Arial; }
.related-show-list .img img { width:160px; height:160px; border:1px solid #d9d9d9; vertical-align:middle; }
.related-show-list .img:hover img { border-color:#c50001; }
.related-show-list .n { padding:2px 0px; line-height:18px; word-break:break-all; }
.related-show-list .h { color:#c50001; }
.related-show-list .price { height:20px; padding:6px 0px 2px 0px; line-height:18px; color:#c50001; font-family:"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","SimHei","\9ED1\4F53"; }
.related-show-list .price span { padding-right:6px; font-size:18px; font-weight:500; }
.related-show-list .total { padding:2px 0px; line-height:18px; color:#9a9a9a; }
.related-show-list .total em { padding:0px 2px; color:#c50001; }
.related-show-list .act { padding:2px 0px; }
.related-show-list .act a { display:block; width:84px; height:22px; background:#c50001; text-align:center; line-height:22px; color:#ffffff; }